<template>
	<div class="sigin-item">
		<div class="sigin-item-image">
			<img :src="siginItem.pic" alt="">
		</div>
		<div class="sigin-item-info">
			<div class="sigin-item-info-title">{{siginItem.title}}</div>
			<div class="sigin-item-info-detail">{{siginItem.detail}}</div>
		</div>
		<div class="sigin-item-btn">
			<router-link tag="button" :to="siginItem.linkUrl">{{siginItem.btnText}}</router-link>
		</div>
	</div>
</template>

<script>
	export default {
		name: "siginItem",
		props: {
			siginItem: {
				type: Object,
				required: true
			}
		}
	}
</script>
